<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ page language="java" import="java.util.*" %>

<!--
<div class="col-md-6 left-details">
<div class="row">
	<h3>KOPEGTEL AGRESIF UNER-1</h3>
</div>
<div class="row user-detail">
<div class="col-md-3 detail">
	<img src="${pageContext.request.contextPath}/assets/myimages/logo-kopeg.png" />
</div>
<div class="col-md-9 detail">
	<div class="row">
	<label class="col-xs-4">Alamat</label>
	<span class="col-xs-8">JL. Putri Hijau No.1 Lt.2, Medan</span>
	</div>
	
	<div class="row">
	<label class="col-xs-4">Email</label>
	<span class="col-xs-8">syaifulbahri1978@gmail.com</span>
	</div>
	
	<div class="row">
	<label class="col-xs-4">Telepon</label>
	<span class="col-xs-8">08126391649</span>
	</div>
	
	<div class="row">
	<label class="col-xs-4">Fax</label>
	<span class="col-xs-8">061-76776060</span>
	</div>
	
</div>
</div>


</div>
  -->
<div class="container">
	<div class="page-content">
		<div class="col-md-12">
			<h4>ALREADY HAVE AN ACCOUNT ?</h4>
			<p>Anda sudah terdaftar sebelumnya? jika sudah silahkan login di
				form di bawah ini untuk masuk ke dashboard anda</p>
			<form class="form-horizontal" role="form" name="summary-form" method="post"
				id="summary-form"
				action="${pageContext.request.contextPath }/request-login">
				<div class="wrap_div_form">
					<div class="form-group first-form-group">
						<label for="inputEmail1" class="col-lg-2 control-label">Username</label>
						<div class="col-lg-4">
							<input type="text" class="form-control" id="username"
								name="username" placeholder="username" value="">
						</div>
					</div>
					<div class="form-group">
						<label for="inputEmail1" class="col-lg-2 control-label">Password</label>
						<div class="col-lg-4">
							<input type="password" class="form-control" id="password"
								name="password" placeholder="password" value="">
						</div>
					</div>
					<div class="form-group">

						<div class="form-group">
							<div class="col-lg-offset-2 col-lg-10">
								<input type="submit" id="show-report-button" name="submit"
									value="Log In" class="btn btn-default" />
							</div>
						</div>
					</div>
				</div>
			</form>

			<c:if test="${icon.equals('fail')}">

				<h5 style="color: red; border-style: solid;">
					<img
						src="${pageContext.request.contextPath}/assets/img/icon/fail.png"
						width="40px">${alert }
				</h5>
			</c:if>
			<c:if test="${icon.equals('success')}">

				<h5 style="color: green; border-style: solid;">
					<img
						src="${pageContext.request.contextPath}/assets/img/icon/success.png"
						width="40px">${alert }
				</h5>
			</c:if>

			<br />

			<form class="form-horizontal" role="form" id="summary-forms" method="post"
				action="${pageContext.request.contextPath }/request-reset_password">

				<p style="text-align: left;">Lupa password? Isi username anda,
					lalu klik RESET PASSWORD</p>
				<div class="wrap_div_form">
					<div class="form-group first-form-group">
						<label for="inputEmail3" class="col-lg-2 control-label">Username</label>
						<div class="col-lg-4">
							<input type="text" class="form-control" id="usernames"
								name="usernames" placeholder="username">
						</div>
					</div>
					<div class="form-group">

						<div class="form-group">
							<div class="col-lg-offset-2 col-lg-10">
								<input type="submit" id="show-report-button" name="submit"
									value="Reset Password" class="btn btn-default" />
							</div>
						</div>
					</div>
				</div>
			</form>
		</div>
	</div>
</div>

<!--
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<script type="text/javascript">
$(function () {
    $('#container').highcharts({
        chart: {
            type: 'column'
        },
        title: {
            text: 'Total piutang per bulan'
        },
        subtitle: {
            text: 'Tahun: 2013'
        },
        xAxis: {
            categories: [
                'Jan',
                'Feb',
                'Mar',
                'Apr',
                'May',
                'Jun',
                'Jul',
                'Aug',
                'Sep',
                'Oct',
                'Nov',
                'Dec'
            ]
        },
        yAxis: {
            min: 0,
            title: null
        },
        tooltip: {
            headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
            pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
                '<td style="padding:0"><b>Rp. {point.y:.1f}</b></td></tr>',
            footerFormat: '</table>',
            shared: true,
            useHTML: true
        },
        plotOptions: {
            column: {
                pointPadding: 0.2,
                borderWidth: 0
            }
        },
        series: [{
            name: 'AGRESIF UNER-1',
            data: [3000000, 4000000, 5000000, 3500000, 8000000, 9000000, 
                   8500000, 9000000, 9500000, 9800000, 10000000, 9900000],
            color: '#E8272D'

        }],
        legend: {
            enabled: false
        },
    });
});


</script>
-->

<style type="text/css">
.left-details .row label,.left-details .row span {
	font-size: 12px;
}

.left-details .row h3 {
	border-radius: 4px 4px 0 0;
	padding: 10px 15px;
	margin: 0px;
	font-size: 16px;
	background-color: #e8272d;
	color: #fff;
}

.user-detail {
	padding: 10px 15px;
	border-bottom: solid 1px #e8272d;
	background-color: #f3f3f3;
}

.ul-detail {
	padding: 10px 15px;
}

.detail {
	padding-left: 0px;
}

.col img {
	width: 64px;
	height: 64px;
}
</style>